<template>
  <div>
    <Header></Header>
    <section>
      <Routers></Routers>
      <div id="section" class="main">
        <div class="common_header">
          <span class="common_header_tip">高新技术产品收入</span>
          <button class="common_header_btn" @click="linkTOadd">添加</button>
        </div>
        <div class="detail_box">
          <div>
            <ul class="detail_list">
              <li><span class="detail_title">产品名称：</span><span class="detail_content">{{project_name}}</span></li>
              <li><span class="detail_title">技术领域：</span><span class="detail_content">{{project_jishulingyu}}</span></li>
              <li><span class="detail_title">技术来源：</span><span class="detail_content">{{project_jishulaiyuan}}</span></li>
              <li><span class="detail_title">上年度销售额(元)：</span><span class="detail_content">{{project_money}}</span></li>
              <li><span class="detail_title">是否主要产品：</span><span class="detail_content">{{project_isMain}}</span></li>
              <li><span class="detail_title">知识产品编号：</span><span class="detail_content">{{project_num}}</span></li>
            </ul>
            <div class="detail_chang_content">
              <div>
                <p class="detail_title">关键技术及主要技术指标：</p>
                <p class="detail_content">{{project_zhibiao}}</p>
              </div>
              <div>
                <p class="detail_title">与同类产品(服务)的竞争优势：</p>
                <p class="detail_content">{{project_youshi}}</p>
              </div>
              <div>
                <p class="detail_title">知识产权获得情况及其对产品(服务)在技术上发挥的支持作用：</p>
                <p class="detail_content">{{project_zuoyong}}</p>
              </div>
            </div>
            <div class="detail_operation_box">
              <button class="editBTN" @click="linkTOedit(1)">编辑</button>
              <button class="delBTN">删除</button>
            </div>
          </div>
          <div>
            <ul class="detail_list">
              <li><span class="detail_title">产品名称：</span><span class="detail_content">{{project_name}}</span></li>
              <li><span class="detail_title">技术领域：</span><span class="detail_content">{{project_jishulingyu}}</span></li>
              <li><span class="detail_title">技术来源：</span><span class="detail_content">{{project_jishulaiyuan}}</span></li>
              <li><span class="detail_title">上年度销售额(元)：</span><span class="detail_content">{{project_money}}</span></li>
              <li><span class="detail_title">是否主要产品：</span><span class="detail_content">{{project_isMain}}</span></li>
              <li><span class="detail_title">知识产品编号：</span><span class="detail_content">{{project_num}}</span></li>
            </ul>
            <div class="detail_chang_content">
              <div>
                <p class="detail_title">关键技术及主要技术指标：</p>
                <p class="detail_content">{{project_zhibiao}}</p>
              </div>
              <div>
                <p class="detail_title">与同类产品(服务)的竞争优势：</p>
                <p class="detail_content">{{project_youshi}}</p>
              </div>
              <div>
                <p class="detail_title">知识产权获得情况及其对产品(服务)在技术上发挥的支持作用：</p>
                <p class="detail_content">{{project_zuoyong}}</p>
              </div>
            </div>
            <div class="detail_operation_box">
              <button class="editBTN" @click="linkTOedit(1)">编辑</button>
              <button class="delBTN">删除</button>
            </div>
          </div>
          <div>
            <ul class="detail_list">
              <li><span class="detail_title">产品名称：</span><span class="detail_content">{{project_name}}</span></li>
              <li><span class="detail_title">技术领域：</span><span class="detail_content">{{project_jishulingyu}}</span></li>
              <li><span class="detail_title">技术来源：</span><span class="detail_content">{{project_jishulaiyuan}}</span></li>
              <li><span class="detail_title">上年度销售额(元)：</span><span class="detail_content">{{project_money}}</span></li>
              <li><span class="detail_title">是否主要产品：</span><span class="detail_content">{{project_isMain}}</span></li>
              <li><span class="detail_title">知识产品编号：</span><span class="detail_content">{{project_num}}</span></li>
            </ul>
            <div class="detail_chang_content">
              <div>
                <p class="detail_title">关键技术及主要技术指标：</p>
                <p class="detail_content">{{project_zhibiao}}</p>
              </div>
              <div>
                <p class="detail_title">与同类产品(服务)的竞争优势：</p>
                <p class="detail_content">{{project_youshi}}</p>
              </div>
              <div>
                <p class="detail_title">知识产权获得情况及其对产品(服务)在技术上发挥的支持作用：</p>
                <p class="detail_content">{{project_zuoyong}}</p>
              </div>
            </div>
            <div class="detail_operation_box">
              <button class="editBTN" @click="linkTOedit(1)">编辑</button>
              <button class="delBTN">删除</button>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  import Routers from '@/template/routers.vue'
  import Header from '@/template/common_header.vue'
  export default {
    name: 'highTechnology_detail',
    components: {
      Routers,
      Header
    },
    data () {
      return {
        project_name:'一个产品',
        project_jishulingyu:'科研',
        project_jishulaiyuan:'企业资源计划(ERP)软件',
        project_money:2002143.52,
        project_isMain:'是',
        project_num:12345678954212,

        project_zhibiao:'芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。',
        project_youshi:'芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。',
        project_zuoyong:'芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。芜湖瑞昌电气系统有限公司成立于2004年12月，由芜湖奇瑞科技有限公司与台湾富士康集团共同出资组建，其目的是为客户设计开发优质、低成本的汽车电子零部件。公司现已经成为奇瑞轿车电线束核心供应商，并逐步成为轿车电线束零部。'
      }
    },
    mounted: function() {
      console.log(this.$route.params.id)
    },
    methods: {
      linkTOadd () {
        this.$router.push('/highTechnology_add')
      },
      linkTOedit (id) {
        this.$router.push({
          path:'/highTechnology_add',
          name:'highTechnology_add',
          params:{
            id:id
          }
        })
      }
    }
  }
</script>

<style scoped>
  @import '../../assets/public.css';
  @import '//at.alicdn.com/t/font_749860_je5eki3tevb.css';

  .detail_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .detail_box>div{
    border:1px solid #ddd;
    padding:40px;
    margin-top:30px;
    position: relative;
    width:49.5%;
    height:600px;
    box-sizing: border-box;
  }
  .detail_chang_content>div{
    margin-bottom:20px;
  }
  .detail_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .detail_list>li{
    /*width:420px;*/
    /*flex:1;*/
    width:50%;
    margin-bottom:16px;
  }
  .detail_title{
    color: #333;
    font-size:12px;
  }
  .detail_content{
    color: #888;
    font-size:12px;
  }
  .detail_operation_box{
    position: absolute;
    bottom:10px;
    right:10px;
    display: flex;
    align-items: center;
  }
  .detail_operation_box>button{
    width:80px;
    height:30px;
    outline: none;
    border-radius: 5px;
    font-size:14px;
    line-height: 30px;
    background-color: #fff;
    box-sizing: border-box;
    margin-left:20px;
  }
  .detail_operation_box>button.editBTN{
    border: 1px solid #4797D4;
    color: #4797D4;
  }
  .detail_operation_box>button.delBTN{
    border: 1px solid #e44d51;
    color: #e44d51;
  }

</style>
